<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./main.css" />
    <script src="/static/js/jquery-3.2.1.min.js"></script>

    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            padding: 0;
            display: flex;
        }

        #container {
            width: 100%;
            height: 100%;
            /*background-color: aquamarine;*/
        }

        #su-login {
            width: 300px;
            align-content: center;
            margin: 0 auto;
        }

        input {
            width: 280px;
            height: 32px;
            margin-top: 20px;
            border: none;
        }

        #btn-submit {
            width: 280px;
            height: 32px;
            margin-top: 20px;
            border: 1px;
        }

        #btn-submit:hover {
            background-color: greenyellow;
        }
    </style>


    <script>
        // $(document).ready(function () {
        //     // 手机号码的正则表达式
        //     var rexgPhone = new RegExp(/^1[34578]\d{9}$/);
        //     $("#su-login").bind("submit", function () {
        //         // todo
        //         console.log("hello what ? ");
        //         var phone = $("#admin").val();
        //         var ok = rexgPhone.test(phone);
        //         if (!ok ){
        //             alert("not ok ....");
        //             return false ;
        //         }
        //
        //         var passwd = $("#passwd").val();
        //
        //
        //         if (passwd.length < 10 ){
        //             console.log("may be you should type in your passwd ");
        //             return false ;
        //         }
        //
        //         return false;
        //
        //     });
        //
        //
        //
        // });

    </script>
</head>

<body>

    <div id="container">

        <form action="/admin/login" method="POST" id="su-login">

            <input type="tel" name="admin" id="admin" placeholder="name">
            <br>

            <input type="password" name="passwd" id="passwd" placeholder="passwd">
            <br>
            <input type="hidden" name="hhhx" id="hhhx">
            <input type="hidden" name="normal" id="normal">

            <input type="submit" value="登录" id="btn-submit">

        </form>

    </div>

</body>

</html>